<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- window 对象是浏览器的顶级对象 -->
    <!-- 1. 是js 访问浏览器窗口的一个接口 -->
    <!-- 2. 它是一个全局对象。定义在全局作用域中的变量、函数都会变成window 对象的属性和方法 -->
    <!-- 在调用的时候可以省略window 前面学习的对话框都属于window对象方法 ，如alert()、prompt() -->
    <script>
        var num = 10;
        // 平时我们都是直接写num 的  在BOM里面num 是个属性
        console.log(num);
        console.log(window.num);

        //函数调用 我们平时写的 fn()  实际写法是window.fn()
        // 就是BOM是浏览器 比DOM大 包含了 document location这些
        function fn() {
            console.log(11);
        }
        fn();
        window.fn(); // 我们平时可以不写window 可以省略 比如别人问我是哪的 我一般不会说中国广东 我会直接说广东
        alert(11);
        window.alert(11);
        console.log(window.name); // 变量不能写name 比较特殊 这边控制台可以看到一个空格
    </script>
</body>

</html>